<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">

<title>端点云 - 专注于企业数字化和智慧化建设</title><!--产品服务-->
<meta name="keywords" content="端点科技,端点云,聚合支付,外卖小程序,点餐小程序,商城小程序,分销小程序,会员小程序,预约小程序,场馆预约系统,微信预约系统,在线选座系统,剧院订座系统,电影院选座系统,演唱会选座系统,私域流量运营,微信营销,线上线下一体化,连锁企业数字化解决方案">
<meta name="description" content="端点科技,端点云,聚合支付,外卖小程序,点餐小程序,商城小程序,分销小程序,会员小程序,预约小程序,场馆预约系统,微信预约系统,在线选座系统,剧院订座系统,电影院选座系统,演唱会选座系统,私域流量运营,微信营销,线上线下一体化,连锁企业数字化解决方案">
<!-- 简体 -->
<meta name="location" content="province=广东;city=珠海">
<meta name="copyright" content="端点科技">
<!-- 繁体 -->
<!-- <meta name="location" content="province=澳門;city=澳門">
<meta name="copyright" content="端點軟件"> -->
<!-- ico -->
<link rel="shortcut icon" href="static/css/favicon.ico">
<!-- 样式 -->
<link rel="stylesheet" href="static/css/font_2605247_u3ake4u2iq.css">
<link rel="stylesheet" href="static/css/lib.css">
<link rel="stylesheet" href="static/css/swiper.min.css">
<link rel="stylesheet" href="static/css/style.css">
<!-- JS -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/lib.min.js"></script>
<script src="static/js/org.js" data-main="indexMain"></script>
    </head>

    <body>

        <!-- 头部 S -->
<div class="header">
    <div class="header-bg" id="headerbg"></div>
    <div class="container space-between">
        <div class="header-logo-box">
            <h1>端点科技</h1>
            <a href="index.html"><img src="static/picture/header_logo.svg" class="header-logo logo1" title="端点科技" alt="端点科技"></a>
            <a href="index.html"><img src="static/picture/header_logo2.svg" class="header-logo logo2" title="端点科技" alt="端点科技"></a>
            <img src="static/picture/gxjsqy.svg" class="header-gxjsqy">
        </div>
        <div class="header-nav">
            <a href="index.html" id="nav_0" class="header-nav-link">首页</a>
            <div id="nav_1" class="header-nav-link header-nav-link-more">
                <span class="name">产品服务</span>
                <i class="btn icon"></i>
                <div class="header-subnav">
                    <div class="header-subnav-box">
                        <div class="header-subnav-title">
                            <img src="static/picture/header_sub_1.svg" class="header-subnav-icon">
                            <span>端点·云店</span>
                        </div>
                        <a href="" class="header-subnav-link">全域会员</a>
                        <a href="" class="header-subnav-link">全触点营销</a>
                        <a href="" class="header-subnav-link">全渠道交易</a>
                        <a href="" class="header-subnav-link">全场景预约</a>
                        <a href="" class="header-subnav-link">供应链云</a>
                        <!-- <a href="###" class="header-subnav-link">货物收发系统</a>
                        <a href="/index/wms/index.html" class="header-subnav-link">智慧仓储系统WMS</a>
                        <a href="###" class="header-subnav-link">知识付费系统</a> -->
                    </div>
                    <div class="header-subnav-box">
                        <div class="header-subnav-title">
                            <img src="static/picture/header_sub_3.svg" class="header-subnav-icon">
                            <span>定制服务</span>
                        </div>
                        <a href="" class="header-subnav-link">小程序</a>
                        <a href="" class="header-subnav-link">移动APP</a>
                        <a href="" class="header-subnav-link">H5</a>
                        <a href="" class="header-subnav-link">PC端</a>
                    </div>
                    <div class="header-subnav-box">
                        <div class="header-subnav-title">
                            <img src="static/picture/header_sub_2.svg" class="header-subnav-icon">
                            <span>服务模式</span>
                        </div>
                        <a href="" class="header-subnav-link">SaaS服务</a>
                        <a href="" class="header-subnav-link">私有化PaaS服务</a>
                        <a href="" class="header-subnav-link">OEM品牌服务</a>
                    </div>
                </div>
            </div>
            <div id="nav_2" class="header-nav-link header-nav-link-more" style="display: none;">
                <span class="name">解决方案</span>
                <i class="btn icon"></i>
                <div class="header-subnav">
                    <div class="header-subnav-box">
                        <div class="header-subnav-title">
                            <img src="static/picture/header_sub_1.svg" class="header-subnav-icon">
                            <span>产品矩阵</span>
                        </div>
                        <a href="index3.html" class="header-subnav-link">端点智店</a>
                        <a href="###" class="header-subnav-link">货物收发系统</a>
                        <a href="index4.html" class="header-subnav-link">智慧仓储系统WMS</a>
                        <a href="###" class="header-subnav-link">知识付费系统</a>
                    </div>
                    <div class="header-subnav-box">
                        <div class="header-subnav-title">
                            <img src="static/picture/header_sub_2.svg" class="header-subnav-icon">
                            <span>服务模式</span>
                        </div>
                        <a href="###" class="header-subnav-link">SaaS服务</a>
                        <a href="###" class="header-subnav-link">私有化PaaS服务</a>
                        <a href="###" class="header-subnav-link">SMART数据中台</a>
                    </div>
                    <div class="header-subnav-box">
                        <div class="header-subnav-title">
                            <img src="static/picture/header_sub_3.svg" class="header-subnav-icon">
                            <span>多终端</span>
                        </div>
                        <a href="###" class="header-subnav-link">小程序</a>
                        <a href="###" class="header-subnav-link">移动APP</a>
                        <a href="###" class="header-subnav-link">H5</a>
                        <a href="###" class="header-subnav-link">PC端</a>
                    </div>
                </div>
            </div>
            <a href="index5.html" id="nav_3" class="header-nav-link">客户案例</a>
            <a href="index6.html" id="nav_4" class="header-nav-link">资讯动态</a>
            <a href="index7.html" id="nav_5" class="header-nav-link">关于我们</a>
        </div>
        <div class="header-action">
            <a href="https://datapointtech.com/" class="header-change-side">
                <img src="static/picture/global.svg" class="icon1">
                <img src="static/picture/global2.svg" class="icon2">
                <span>繁体</span>
            </a>
            <a href="###" class="main-btn header-appo showappo" data-source="0">申请演示</a>
        </div>
    </div>
</div>
<!-- 头部 E -->

        
    <!-- 头部 E -->
    <style>
      .wait{
        text-align: center;
        padding: 150px 0;
        font-size: 16px;
      }
    </style>
    <div class="innerhead">
      <div class="innerhead-title">
          <div class="title">数据与企业的高价值链接</div>
          <div class="subtitle">Connect company with Data</div>
      </div>
  </div>
  <div class="container">
      <!-- 上线中 S -->
        <div class="wait">上线中，敬请期待...</div>
      <!-- 上线中 E -->
  </div>


        <!-- 预约 S -->
<div class="appointment">
    <div class="container">
        <div class="common-title">
            <div class="title">现在，免费预约演示</div>
        </div>
        <div class="appointment-box delay2">
            <input type="text" class="appointment-input" placeholder="请填写您的手机号">
            <div id="appointment-btn" class="btn appointment-btn">预约演示</div>
        </div>
    </div>
</div>
<!-- 预约 E -->
<!-- 底部 S -->
<div class="footer">
    <div class="container">
        <div class="footer-box">
            <div class="footer-contact">
                <img src="static/picture/footer_logo.svg" class="footer-logo delay1">
                <img src="static/picture/footer_slogan.svg" class="footer-slogan delay2">
                <div class="footer-contact-info delay2">
                    <div class="space-between">
                        <div>
                            <div>林枫（全国销售总监）</div>
                            <div class="number">135-3227-0246</div>
                        </div>
                        <div>
                            <div>Roy Chong（澳门销售总监）</div>
                            <div class="number">+863-68697345</div>
                        </div>
                    </div>
                    <div>邮箱：hugh@duandiankeji.cn</div>
                    <div>地址：广东省横琴新区横琴澳门青年创意谷20栋D座319室</div>
                </div>
            </div>
            <div class="footer-qrcode-box delay1">
                <img src="static/picture/qrcode.svg" class="footer-qrcode">
                <div>官方公众号</div>
            </div>
            <div class="footer-nav">
                <div class="footer-nav-box">
                    <div class="footer-nav-title delay1">产品矩阵</div>
                    <div>
                        <a href="" class="footer-nav-link delay3">全域会员</a>
                        <a href="" class="footer-nav-link delay3">全触点营销</a>
                        <a href="" class="footer-nav-link delay3">全渠道交易</a>
                        <a href="" class="footer-nav-link delay3">全场景预约</a>
                        <a href="" class="footer-nav-link delay3">云供应链</a>
                    </div>
                </div>
                <div class="footer-nav-box">
                    <div class="footer-nav-title delay1">定制服务</div>
                    <div>
                        <a href="" class="footer-nav-link delay3">小程序</a>
                        <a href="" class="footer-nav-link delay3">移动APP</a>
                        <a href="" class="footer-nav-link delay3">H5</a>
                        <a href="" class="footer-nav-link delay3">PC端</a>
                    </div>
                </div>
                <div class="footer-nav-box">
                    <div class="footer-nav-title delay1" style="margin-right: 0;">解决方案</div>
                    <div>
                        <a href="" class="footer-nav-link delay3">运动场馆行业解决方案</a>
                        <a href="" class="footer-nav-link delay3">演出汇演行业解决方案</a>
                        <a href="" class="footer-nav-link delay3">景区景点行业解决方案</a>
                        <a href="" class="footer-nav-link delay3">快消行业解决方案</a>
                        <a href="" class="footer-nav-link delay3">消费连锁行业解决方案</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-friendly">
            <span class="footer-friendly-title">友情链接：</span>
                        <a href="https://duandiankeji.cn/" target="_blank" class="footer-friendly-link">珠海网站开发</a>
                        <a href="https://duandiankeji.cn/" target="_blank" class="footer-friendly-link">珠海APP开发</a>
                        <a href="https://duandiankeji.cn/" target="_blank" class="footer-friendly-link">珠海小程序开发</a>
                        <a href="###" class="footer-friendly-link exchange">交换友链</a>
        </div>
        <div class="footer-beian">
            © 2017-2021 <a href="index.html">广东端点科技有限公司</a> <a><img src="static/picture/beian.svg" alt="">粤公网安备
            44040202001122号</a> <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17037203号-3</a>
        </div>
    </div>
</div>
<!-- 底部 E -->
<!-- 演示弹窗 S -->
<div class="mask" id="old-mask" style="display: none;"></div>
<div class="case-window" id="old-case-window" style="display: none;">
    <img src="static/picture/close.svg" class="btn case-window-close">
    <div class="case-window-left">
        <div class="box">
            <div class="title"><span>预约演示</span></div>
            <div class="subtitle">您将获得以下信息：</div>
            <div class="info">
                <div class="info-item">
                    <i class="iconfont icon-xuanze"></i>
                    <span>解决方案的详细介绍，帮您快速了解产品</span>
                </div>
                <div class="info-item">
                    <i class="iconfont icon-xuanze"></i>
                    <span>演示体验后台，快速了解功能及流程</span>
                </div>
                <div class="info-item">
                    <i class="iconfont icon-xuanze"></i>
                    <span>专业方案顾问，为您提供个性化方案沟通</span>
                </div>
            </div>
            <div class="contact">商务经理：林枫
                联系电话：+86 13532270246
                邮箱地址：hugh@duandiankeji.cn
            </div>
            <div class="qrcode1">
                <img src="static/picture/qrcode.svg">
                <div class="qrcode-name">微信联系</div>
            </div>
        </div>
    </div>
    <div class="case-window-right">
        <label class="input-box reg">
            <input name="name" value="" type="text" placeholder="请填写姓名">
        </label>
        <label class="input-box reg">
            <input name="phone" value="" type="text" placeholder="请填写手机号">
        </label>
        <label class="input-box">
            <input name="company" value="" type="text" placeholder="请填写公司名称">
        </label>
        <div class="input-box sls">
            <span id="productresult">请选择希望使用的产品</span>
            <img src="static/picture/drop1.svg" class="drop">
            <div class="appo-dropdown">
                <div class="appo-dropdown-item" data-product="端点智店">端点智店</div>
                <div class="appo-dropdown-item" data-product="WMS系统">WMS系统</div>
                <div class="appo-dropdown-item" data-product="货物收发系统">货物收发系统</div>
                <div class="appo-dropdown-item" data-product="定制开发(APP/小程序/网站)">定制开发(APP/小程序/网站)</div>
            </div>
        </div>
        <label class="input-box">
            <input name="remarks" value="" type="text" placeholder="请填写备注信息">
        </label>
        <div id="info_submit" class="btn">立即预约</div>
    </div>
</div>
<!-- 演示弹窗 E -->

        
<script>
    $(function () {
        // 演示弹窗
        $('.showappo').click(function (e) {
            $('.mask').show()
            $('.case-window').show()
        })
        $('.case-window-close').click(function (e) {

            $('.mask').hide()
            $('.case-window').hide()
        })

    });
    // 滚动触发动画效果
    document.body.onscroll = function () {
        var scrollTop = document.documentElement.scrollTop

        if (scrollTop > 0) {
            document.getElementById('headerbg').classList.add('active')
        } else {
            document.getElementById('headerbg').classList.remove('active')
        }
    };
</script>


        <!-- 共用 S -->
<script>
    // 导航栏选择状态
    function changeNavActive(num) {
        $('.header-nav-link').removeClass('active')
        $('#nav_' + num).addClass('active')
    }

    var tel_reg =/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
    $(function () {
        // 表单来源
        var formSource = ''
        // 提交预约
        $('.sumbit-appo-input').click(function (e) {
            // 只提交手机号和来源
            formSource = 1
            console.log($('.appointment-input').val())
        })

        // 演示弹窗
        $('.showappo').click(function (e) {
            // 来源
            formSource = e.currentTarget.dataset.source
            // $('.mask').show()
            // $('.case-window').show()
            $('#old-mask').show()
            $('#old-case-window').show()
        })
        $('.case-window-close,.mask').click(function (e) {

            $('.mask').hide()
            $('.case-window').hide()
            $('.case-window-left').eq(0).show()
            $('.qrcode2').hide()
            $('.input-box.sls').removeClass('active')
            $('#productresult').text('请选择希望使用的产品')
            $('#new-productresult').text('请选择希望使用的产品')
            $('.case-window-left').show()
            $('.appo-dropdown').hide()
        })

        // 演示弹窗选择产品
        $('.input-box.sls').click(function (e) {

            $('.appo-dropdown').show()
        })
        $('.appo-dropdown-item').click(function (e) {
            e.stopPropagation()
            $('.appo-dropdown').hide()
            $('.input-box.sls').addClass('active')
            $('#productresult').text(e.currentTarget.dataset.product)
            $('#new-productresult').text(e.currentTarget.dataset.product)
        })

        // 表单提交
        $('#info_submit').click(function (e) {
            let name = $("input[name='name']").val();
            let phone = $("input[name='phone']").val();
            let company = $("input[name='company']").val();
            let product = $('#productresult').text();
            let remarks = $("input[name='remarks']").val();
            let source = formSource;
            if (name == "" || name == null || name == undefined){
                alert('姓名不能为空');return
            }
            if (phone == "" || phone == null || phone == undefined){
                alert('手机号不能为空');return
            }
            if (!tel_reg.test(phone)) {
                alert('请输入正确的手机号');return
            }
            $.ajax({
                url:"/index/index/form",
                dataType:"json",
                async:true,
                data:{"name":name, "phone":phone, "company":company, "product":product, "remarks":remarks,'source':source},
                type:"POSt",
                success:function(req){
                    $("input[name='name']").val('');
                    $("input[name='phone']").val('');
                    $("input[name='company']").val('');
                    $("input[name='product']").val('');
                    $("input[name='remarks']").val('');
                    if(req['code'] == 1){
                        alert(req['msg']);
                    }else{
                        alert(req['msg']);
                    }
                }
            });
        })
        $('#appointment-btn').click(function (e){
            let phone = $(".appointment-input").val();
            let source = formSource;
            if (phone == "" || phone == null || phone == undefined){
                alert('手机号不能为空');return
            }
            if (!tel_reg.test(phone)) {
                alert('请输入正确的手机号');return
            }
            $.ajax({
                url:"/index/index/form_appointment",
                dataType:"json",
                async:true,
                data:{"phone":phone,"source":source},
                type:"POSt",
                success:function(req){
                    $(".appointment-input").val('');
                    if(req['code'] == 1){
                        alert(req['msg']);
                    }else{
                        alert(req['msg']);
                    }
                }
            });
        })
        // 滚动时头部添加效果
        $(window).scroll(function(e) {
            var scrollTop = document.documentElement.scrollTop
            if (scrollTop > 0) {
               $('#headerbg').addClass('active')
            } else {
               $('#headerbg').removeClass('active')
            }
        })
        // 下拉时头部与滚动后的效果一样
        $('.header-nav-link-more').hover(function(e) {
            $('#headerbg').addClass('active')
        }, function(e) {
            if (document.documentElement.scrollTop == 0) {
                $('#headerbg').removeClass('active')
            }
        })
    });
</script>
<!-- 共用 E -->


    </body>

</html>
